<template>
  <div class="xtx-home-page">
      <div class="container">
        <!-- 左侧菜单栏 -->
        <HomeCategory />

        <!-- 广告组件 -->
        <HomeBanner/>

        <!-- 新鲜好物 -->
        <HomeNew/>

        <!-- 人气推荐 -->
        <HomeHot/>

        <!-- 热门品牌 -->
        <HomeBrand />

        <!-- 商品区域 -->
        <HomeProduct />

        <!-- 最新专题 -->
        <HomeSpecial />
      </div>
  </div>
</template>
<script>
import HomeCategory from './components/home-cate' // 引入左侧的菜单栏透明
import HomeBanner from './components/home-banner' // 广告组件
import HomeNew from './components/home-new' // 新鲜好物
import HomeHot from './components/home-hot' // 人气推荐
import HomeBrand from './components/home-brand'// 热门品牌
import HomeProduct from './components/home-product'// 商品区块
import HomeSpecial from './components/home-special'// 最新专题

export default {
  name: 'Home',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeBrand,
    HomeProduct,
    HomeSpecial
  },
  setup () {

  }
}
</script>
<style lang="less" scoped>
.xtx-home-page {
  .container {
    width: 1240px;
    margin: 0 auto;
    position: relative;
  }
}
</style>
